<template>
  <div class='ss-exam bc-gray'>
    <nav class="bc-green">
      <div class="search-box"><Search :search="searchInfo" @new_search="getSearch" /></div>
      <img :src="img" alt="" class="active" @click="routerAdd">
    </nav>
    <List :listData="listData" @forMore="getMoreInfo">
      <ListModel :listData="listData" :routerDetail="routerDetail" />
    </List>
  </div>
</template>
<script>
import MixIns from '../../../../mixin/mixin.js'
import Search from '../../../../components/search.vue'
import List from '../../../../components/list.vue'
import ListModel from './model/list'
export default {
  components: {Search,List,ListModel},
  name: "",
  data() {
    return {
      img:require('../../../../assets/images/home/lifeserve/icon-edit.png'),
      searchInfo:{
        search:"",
      },
    };
  },
  methods: {
    getSearch(){
      this.pageInfo.page=1
      this.getListData()
    },
  },
  created() {},
  mixins:[MixIns]
};
</script>
<style lang="scss" scoped>
.ss-exam {
  height: 100%;
  .bc-green{
    display: flex;

    img{
      width: 40px;
      height: 50px;
      padding: 10px;
      margin-top: 15px;
    }
  }
  .search-box{
    width:calc(100% - 90px);
  }
  .active:active{
    background-color: transparent;
  }
}
</style>